<div class="col-sm-12 mt20">
  <div class="panel panel-default">
    <div class="panel-body">
      <div class="row">
        <div class="col-lg-2">
          <input type="text" class="form-control" placeholder="姓名" ng-model="searchform.name">
        </div>
        <div class="col-lg-2">
          <input type="number" class="form-control noArrow" placeholder="手机号" ng-model="searchform.mobile">
        </div>
        <div class="col-lg-3">
          <input type="number" class="form-control noArrow" placeholder="身份张号" ng-model="searchform.id_card">
        </div>
        <div class="col-lg-2">
            <ui-select ng-model="searchform.sex" theme="bootstrap">
              <ui-select-match placeholder="性别">{{$select.selected.label}}</ui-select-match>
              <ui-select-choices repeat="item.value as item in sexList | filter: $select.search">
                <span ng-bind-html="item.label | highlight: $select.search"></span>
              </ui-select-choices>
            </ui-select>
          </div>
        <div class="col-lg-2 pull-right">
          <button class="btn btn-info search btn-block" ng-click="loadlist(1)">立即搜索</button>
        </div>
      </div>
      <div class="row" style="padding-top: 10px">
        <form class="form-horizontal ng-pristine ng-valid ng-valid-date ng-valid-required ng-valid-parse ng-valid-date-disabled">
          <div class="col-lg-2">
            <input type="number" class="form-control" placeholder="最小年龄" ng-model="searchform.min_age">
          </div>
          <div class="col-lg-2">
            <input type="number" class="form-control" placeholder="最大年龄" ng-model="searchform.max_age">
          </div>
        </form>
      <div class="col-lg-3">
          <input type="text" class="form-control" placeholder="会员卡号" ng-model="searchform.smart_card_no">
        </div>
      </div>
    </div>

    <div class="panel-body">
      <table class="table table-striped table-bordered dataTable table-condensed tree_table" style="table-layout:fixed">
        <thead>
          <tr>
            <th class="col-md-2 text-center">用户信息</th>
            <th class="col-md-2 text-center">联系方式</th>
            <th class="col-md-2 text-center">卡信息</th>
            <th class="col-md-1 text-center">操作</th>
          </tr>
        </thead>
        <tbody>
          <tr ng-repeat="member in memberList">
            <td>
              名称：{{member.name}}
              <span ng-style="{'background-color': member.sex==1 ? '#44f' : '#f0f' }" class="label pull-right m-t-xs" >{{member.sex==1?'男':'女'}}</span><br/>
              出生日期：{{member.birthday}}<br/>
              身份证号：{{member.id_card}}
            </td>
            <td>
              电话：{{member.mobile || '无'}}<br/>
              地址：{{member.address || '无'}}
            <td class="text-center">
              <div class="col-md-6 text-right" style="padding-right: 0px">会员卡号：<br/>余额：<br/>已消费：</div>
              <div class="col-md-6 text-left" style="padding-left: 0px">{{member.smart_card_no}}<br/>{{member.balance}} 元<br/>{{member.spend}} 元</div>
            </td>
            <td class="text-center"><br/>
              <button type="button" class="btn btn-info btn-xs" ng-click="userInfo(false,member)">查看</button>
              <button type="button" class="btn btn-info btn-xs" ng-click="userInfo(true,member)">修改</button>
              <button type="button" class="btn btn-info btn-xs" ng-click="sellInfo(member)">消费明细</button>
              <!-- <button type="button" class="btn btn-danger btn-xs" ng-click="delete($index)">删除</button> -->
            </td>
          </tr>
        </tbody>
      </table>
    </div>

    <div class="text-right" style="background-color: white; margin-right: 30px">
	  <pagination total-items="totalItems" ng-model="currentPage" ng-change="loadlist(currentPage)" 
	   previous-text="上一页" next-text="下一页" first-text="首页" last-text="尾页" max-size="5" 
	   boundary-links="true" rotate="false" items-per-page="itemsPerPage" class="m-t-none m-b"></pagination>
    </div>

  </div>
</div>
<style type="text/css">
  /* --- 取消数字输入框后面上下箭头 --- */
  .noArrow::-webkit-outer-spin-button,
  .noArrow::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .noArrow {
    -moz-appearance: textfield;
  }
</style>